<template>
  <div class="bg-dark text-white font-sans min-h-screen">
    <!-- 导航栏 -->
    <div class="fixed w-full top-0 z-50 transition-all duration-300 bg-dark">
      <!-- ... existing code ... -->
    </div>

    <!-- 法律声明内容 -->
    <div class="pt-24 container mx-auto px-4 pb-12">
      <h1 class="text-3xl md:text-4xl font-bold mb-8 text-primary">法律声明</h1>
      <div class="prose prose-invert max-w-none">
        <h2>版权声明</h2>
        <p>本网站（包括但不限于文本、图形、标识、按钮图标、图像、音频剪辑、数字下载、数据汇编和软件）的所有内容均受中华人民共和国版权法和国际条约的保护。未经本公司明确书面许可，严禁复制、再版、下载、显示、发布、修改、复制、分发、出售、转售、访问或以其他方式利用本网站的任何内容。</p>

        <h2>商标声明</h2>
        <p>本网站上出现的所有商标、服务标志和商号均为各自所有者的财产。本公司的商标和商号未经事先书面许可，不得使用。</p>

        <h2>免责声明</h2>
        <p>本网站提供的信息按“原样”提供，不附带任何形式的明示或暗示的保证，包括但不限于适销性、特定用途适用性和非侵权性的保证。本公司不对本网站的准确性、完整性、及时性或可靠性负责。在适用法律允许的最大范围内，本公司对因使用或无法使用本网站而导致的任何直接、间接、偶然、特殊、惩罚性或后果性损害不承担任何责任。</p>

        <h2>链接声明</h2>
        <p>本网站可能包含指向第三方网站的链接。这些链接仅为方便用户提供，本公司对这些第三方网站的内容、隐私政策或做法不承担任何责任。访问这些第三方网站的风险由用户自行承担。</p>

        <h2>适用法律</h2>
        <p>本法律声明受中华人民共和国法律管辖。因本法律声明或使用本网站而产生的任何争议将受中华人民共和国法院的专属管辖。</p>
      </div>
    </div>

    <!-- 页脚 -->
    <footer class="bg-dark border-t border-gray-800 py-12">
      <!-- ... existing code ... -->
    </footer>
  </div>
</template>

<script>
export default {
  name: 'LegalView',
    layout: "default",
  data() {
    return {
      // 可以在这里添加数据
    };
  },
  methods: {
    // 可以在这里添加方法
  }
};
</script>

<style scoped lang="scss">
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  }
  .bg-gradient-blue {
    background: linear-gradient(135deg, #48b6ff, #2e6cf1);
  }
  .hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(72, 182, 255, 0.1);
  }
  .card-glow {
    box-shadow: 0 0 15px rgba(72, 182, 255, 0.1);
  }
}
</style>
